
<link rel="stylesheet" href="<?php echo URL;?>/mensajeria/mensajes.css">
<!-- TinyMCE -->
<?php /*
<script type="text/javascript" src="<?php echo URL;?>/js/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="<?php echo URL;?>/mensajeria/mi-tinymce.js"></script>
*/?>

<div class='row-fluid'>
	<!-- ----------------------------------------- Listado de mensajes ---------------------- -->
	<div class='span3'>
		<form method='get' action='<?php echo URL;?>/mensajeria/mensajes.php'>
		<table style='width:100%; border-bottom:2px solid #CCC;margin-bottom:5px;'>
			<tr>
				<td colspan='2'><?php echo $select_alojamiento ;?></td>
			</tr>
			<tr>
				<td colspan='2' style='text-align:right;'>
					Buscar por: <select name='que_periodo' style='width:180px;'>
						<option value='1' <?php if($que_periodo==1) { echo 'selected';}?> >Fecha de Consulta</option>
						<option value='2' <?php if($que_periodo==2) { echo 'selected';}?> >Fecha de Estadía</option>
					</select>
					<br>
					<?php echo $a_meses.' '.$a_anos;?>
				</td>
			</tr>	
			<tr>
				<td>
					<?php $a_on = iif($ver_archivados=='on','checked','');?>
					<input type='checkbox' name='ver_archivados' <?php echo $a_on;?> > Mostrar Archivados
				</td>
				<td style='text-align:right;'>
					<input type='submit' class='btn btn-primary' value='Buscar'>
				</td>
			</tr>	
			<tr>
				<td colspan='2'>
					<?php $link_ultimos = URL."/mensajeria/mensajes.php?que_mensaje=ultimo&alojamiento_id=$alojamiento_id";	?>
					<?php $link_sin_leer = URL."/mensajeria/mensajes.php?que_mensaje=sin_leer&alojamiento_id=$alojamiento_id";	?>
					<a href='<?php echo $link_ultimos;?>' class='btn btn-success btn-block' >Ver los últimos 50 mensajes recibidos</a>
					<a href='<?php echo $link_sin_leer;?>' class='btn btn-warning btn-block' >Ver los mensajes sin leer</a>
				</td>
			</tr>
		</table>
		</form>
	
		
		
		<table class='table table-hover'>	
		<?php foreach($MensajesOriginales as $mo){ ?>
			<?php if($mo['producto_id']==$alojamiento_id) { ?>
				<?php $elegido = iif($mo['id']==$mensaje_id,'elegido','');?>
				<?php
					$border='';
					if($mo['reservado']>0){	$border = 'border-right:4px solid #7FBA00;';	}
					if($mo['fecha_informe']>0){	$border = 'border-right:4px solid #FF0000;';	}
				?>
				<tr  style='border-bottom:1px solid #CCC; <?php echo $border;?>' class='tr_leido<?php echo $mo['leido_vendedor'];?> <?php echo $elegido;?>' onclick="muestra_mensaje('<?php echo $mo['id'];?>')">
					<td style='width:50px;'><img src='<?php echo $mo['gravatar'];?>' style='width:50px;height:50px;'></td>
					<td style='vertical-align:top;'>
						<div class='msg-fecha'>
							<?php echo date("d/m H:i",$mo['updated']);?>
						</div>
						<div class='msg-nombre' ><?php echo $mo['apellido'].', '.$mo['nombre'];?></div>
						<div class='msg-datos' >Estadía: <?php echo date("d/m/y",$mo['desde']).' al '.date("d/m/y",$mo['hasta']);?></div>
						<div class='msg-datos' >Adultos: <?php echo $mo['adultos'].' | Menores: '.$mo['menores'].' | Habit:'.$mo['habitaciones'];?></div>
					</td>
					<td style='width:20px; vertical-align:top;'>
					
						<?php $icono_leido = iif($mo['leido_vendedor']=='1','inactivo.gif','activo.gif');?>
						<a href='<?php echo URL;?>/mensajeria/cambiar_estado.php?mensaje_id=<?php echo $mo['id'];?>&alojamiento_id=<?php echo $alojamiento_id;?>'  
							title='Marcar como NO Leido'><img src='<?php echo URL.'/img/'.$icono_leido;?>' title='Marcar como NO Leido'></a>
					
						<a href='<?php echo URL;?>/mensajeria/archivar.php?mensaje_id=<?php echo $mo['id'];?>&alojamiento_id=<?php echo $alojamiento_id;?>'  
							onclick="return confirm('Desea archivar esta conversación?\n Al archivar una conversación, la misma no se mostrará mas en el listado de la izquierda.\n \n Podrá recuperarla mediante la opción: Buscar conversaciones archivadas ');"	
							title='Archivar Conversación'><img src='<?php echo URL;?>/img/icon-archivar.png' title='Archivar Conversación'></a>

						<a href='<?php echo URL;?>/mensajeria/eliminar.php?mensaje_id=<?php echo $mo['id'];?>&alojamiento_id=<?php echo $alojamiento_id;?>'  
							onclick="return confirm('Desea eliminar esta conversación?\n Al eliminar una conversación, la misma no se mostrará mas en el listado de la izquierda.\n \n NO PODRA recuperarla ');"	
							title='Eliminar Conversación'><img src='<?php echo URL;?>/img/del.gif' title='Eliminar Conversación'></a>

							
					</td>
				</tr>
			<?php } //endif ?>
		<?php } //endforeach ?>
		</table>			
		
	</div>
	<div class='span9'>
		<!-- ----------------------------------------- CONVERSACION ------------------------------------- -->
		
		<table style='width:100%';>
			<tr><td colspan='2'>
				<b>Responsable:</b> <?php echo $Alojamiento['persona_contacto'];?>
				&nbsp;&nbsp;
				<b>Telefonos:</b> <?php echo $Alojamiento['telefono1'];?> | <?php echo $Alojamiento['telefono2'];?>
				&nbsp;&nbsp;
				<b>email:</b> <?php echo $Alojamiento['email'];?>
			</td></tr>
				
			<tr>
				<td><h4><?php echo $NombreAlojamiento;?></h4></td>
				<td style='txt-align:right;width:200px;'>
					<a href='#' class='btn btn-info' title='Notas de Tarifas'
						onclick="abrir_tarifas('<?php echo $IDAlojamiento;?>');"><i class='icon-file icon-white'></i></a>
					<a href='#' class='btn btn-danger' title='Actualizar Datos Bancarios'
						onclick="abrir('<?php echo $IDAlojamiento;?>');"><i class='icon-briefcase icon-white'></i></a>

					<a href='<?php echo $URLAlojamiento;?>' class='btn btn-warning' target='_ficha' title='Ficha del Alojamiento'><i class='icon-th-list icon-white'></i></a>

					<a href='#' onclick="abrir_ocupacion('<?php echo $IDAlojamiento;?>');"	class='btn btn-success' title='Ocupacion'><i class='icon-calendar icon-white'></i></a>

				</td>
			</tr>
		</table>
		
		
		<?php if(!empty($ElMensaje)){?>
		
			<div class='row-fluid' style='border:1px solid #CCC;padding:10px;max-width:800px;min-width:800px;width:800px;background:#EAF7FA;'>
			<?php if( $ElMensaje['reservado']==0 and $ElMensaje['contratado']==0 and $ElMensaje['confirma_reserva']==0 ) {?>
		
				<?php include(ROOT.'/mensajeria/formulario-para-presupuestar.html.php');?>
		
			<?php } else { ?>
				<?php if($ElMensaje['fecha_informe']>0){ ?>
					<?php include(ROOT.'/mensajeria/muestra_datos_usuario.html.php');?>
					
				<?php } else { ?>
						<div class='alert alert-success' style='margin-left:20px;width:700px;'>
							<strong><?php echo $ElMensaje['apellido'].', '.$ElMensaje['nombre'];?> </strong> 
							el día <?php echo date("d/m/Y",$ElMensaje['confirma_reserva']);?> solicitó la reserva.<br>
							Debe responder si Acepta o Rechaza la solicitud de Reserva.
						</div>
						<table style='width:100%;'>
							<tr>
								<td style='width:50%;vertical-align:top; text-align:center;'>
									<strong>Si desea rechazar la reserva, indique el motivo.</strong>
									<form action='<?php echo URL;?>/mensajeria/guardar.php' method='post'>
										<textarea name='data[comentario]' id='comentario' rows='3' style='width:300px;' required placeholder='Escriba el motivo por cual rechaza la reserva.'></textarea>
										<input type='hidden' name='accion' value='rechazar'>
										<input type='hidden' name='data[posible_reserva_id]' value='<?php echo $data['posible_reserva_id'];?>'>
										<input type='hidden' name='data[producto_id]' value='<?php echo $data['producto_id'];?>'>
										<input type='hidden' name='data[usuario_id]' value='<?php echo $data['usuario_id'];?>'>
										<input type='hidden' name='original' value='<?php echo $href_clave;?>'>
										<br>
										<input type='submit' class='btn btn-danger' value='Rechazar Reserva' style='margin-top:15px;'>
										
									</form>
								
								</td>
								
								<td style='width:50%;vertical-align:top; text-align:center;'>
									<?php if($ElMensaje['reservado']==0){ ?>
									<strong>Aceptar la reserva</strong>
									<form action='<?php echo URL;?>/mensajeria/guardar.php' method='post'>
										<p><br>
											Al aceptar la solicitud de reserva, se le enviará un mail al pasajero<br>con los datos de su cuenta bancaria, para que realice el deposito<br>de la reserva, según especificó al hacer el presupuesto. 
										</p>
										<input type='hidden' name='accion' value='aceptar_reserva'>
										<input type='hidden' name='data[posible_reserva_id]' value='<?php echo $data['posible_reserva_id'];?>'>
										<input type='hidden' name='data[producto_id]' value='<?php echo $data['producto_id'];?>'>
										<input type='hidden' name='data[usuario_id]' value='<?php echo $data['usuario_id'];?>'>
										<input type='hidden' name='original' value='<?php echo $href_clave;?>'>
										<input type='submit' class='btn btn-success' value='Aceptar Reserva' style='margin-top:15px;'>
									</form>
									<?php } else {?>
										<div class='alert alert-warning' style='margin-left:20px;margin-top:50px;width:300px;'>
											<strong>RESERVA ACEPTADA: </strong><br>
											Esperando el comprobante de deposito de la reserva.
										</div>		

									<?php } ?>
								</td>
						
						</table>


				<?php } ?>
			
			<?php } ?>
			</div>
			<div class='clearfix'></div>

			<div id='historico-respuesta'>
				<b>Histórico de la conversación mantenida entre el Alojamiento y el Usuario</b>
				<div class='clearfix'></div>
			
				<table class='table'>

				<?php $ya_lo_mostre=0;?>
				<?php foreach($Mensajes as $mm){?>
					<?php
						if($mm['quien']=='v'){
							$foto = "<img src='{$ElMensaje['thumbs']}' style='float:left;margin-right:20px;width:50px;height:50px;'>";
						} else {
							$foto = "<img src='{$ElMensaje['gravatar']}' style='float:left;margin-right:20px;'>";
						}
					?>
				
					<tr style='border-bottom:3px solid #CCC;'>
						<td>
							<table style='width:820px;'>
								<tr>
									<td class='historico_presupuesto' style='margin-left:0px;padding-left:0px;' rowspan='2'>
										<table style='border:1px solid #CCC;width:100%;'>
											<tr>
												<td colspan='2' class='historico_titulo' style='margin-left:0px;padding-left:5px;'>
													<?php if($mm['quien']=='v'){?>
														Presupuesto Total: <b>$<?php echo number_format($mm['total'],0,',','.');?>.-</b> // Reserva: <b>$<?php echo number_format($mm['reserva'],0,',','.');?>.- </b>
													<?php } else {?>
														Consulta
													<?php } ?>
												</td>
											</tr>
											<tr class='detalle-presupuesto'>
												<td style='width:180px;'>Ingreso: <b><?php echo date("d/m/y",$mm['desde']);?></b></td>
												<td>Adultos: <b><?php echo $mm['adultos'];?></b></td>
											</tr>
											
											<tr class='detalle-presupuesto'>
												<td>Egreso: <b><?php echo date("d/m/y",$mm['hasta']);?></b></td>
												<td>Menores: <b><?php echo $mm['menores'];?></b></td>
											</tr>
											
											<tr class='detalle-presupuesto'>
												<td colspan='2'>Cantidad de Noches: <b><?php echo $mm['cantidad_noches'];?></b></td>
											</tr>
										</table>
									</td>
								
									<td class='msg-nombre2' >
										<b>De: </b>
										<?php 	
											if($mm['quien']=='v'){
												echo $ElMensaje['titulo'];
											} else {
												echo $ElMensaje['apellido'].', '.$ElMensaje['nombre'];
											}
										?>
										<div style='font-weight:normal;float:right;font-size:11px;'><b>Enviado el: </b><?php echo date("d/m/Y H:i",$mm['created']);?> </div>
									</td>
								</tr>
								<tr>			
									<td>
										<?php if($mm['banned']>0){?>
											<div style='background-color:#F7E5BC;padding:10px;'>Este comentario ha sido eliminado por incumplir las normas. Está prohibido publicar información personal y/o de contacto en este espacio.</div>
										<?php } else { ?>
											<p><?php echo $foto. nl2br($mm['comentario']);?></p>
										<?php } ?>
									</td>
								</tr>
							</table>

						</td>
					</tr>
				
				<?php } ?>
				
					<tr>
						<td style='margin-left:0px;padding-left:0px;'>
							<table style='width:100%;'>
								<tr>
									<td class='historico_presupuesto' style='margin-left:0px;padding-left:0px;' rowspan='2'>
										<table style='border:1px solid #CCC;width:100%;'>
											<tr>
												<td colspan='2' class='historico_titulo' style='margin-left:0px;padding-left:5px;'>
													Consulta
												</td>
											</tr>
											<tr class='detalle-presupuesto'>
												<td style='width:180px;'>Ingreso: <b><?php echo date("d/m/y",$ElMensaje['desde']);?></b></td>
												<td>Adultos: <b><?php echo $ElMensaje['adultos'];?></b></td>
											</tr>
											
											<tr class='detalle-presupuesto'>
												<td>Egreso: <b><?php echo date("d/m/y",$ElMensaje['hasta']);?></b></td>
												<td>Menores: <b><?php echo $ElMensaje['menores'];?></b></td>
											</tr>
											
											<tr class='detalle-presupuesto'>
												<td colspan='2'>Cantidad de Noches: <b><?php echo $ElMensaje['cantidad_noches'];?></b></td>
											</tr>
										</table>
									</td>
								
									<td class='msg-nombre2' >
										<b>De: </b><?php echo $ElMensaje['apellido'].', '.$ElMensaje['nombre'];?>
										<div style='font-weight:normal;float:right;font-size:11px;'><b>Enviado el: </b><?php echo date("d/m/Y H:i",$ElMensaje['created']);?> </div>
									</td>
								</tr>
								<tr>			
									<td>
										<?php $foto = "<img src='{$ElMensaje['gravatar']}' style='float:left;margin-right:20px;'>";?>
										<p><?php echo $foto.''.$ElMensaje['notas'];?></p>
									</td>
								</tr>
							</table>
						</td>
					</tr>
				</table>	
			</div>	
		<?php } else {?>
			<h2>Por favor seleccione una conversación</h2>
			
		<?php } //endif ElMensaje?>
	</div>
</div>
<div class='clearfix'></div>

<script type="text/javascript">

	jQuery(function () {

		$('#start-date').change(function() {
			var desde = $('#start-date').val();
			var hasta = $('#end-date').val();
			var one_day=1000*60*60*24; 
			var x=desde.split("/"); 
			var y=hasta.split("/"); 
			var date1=new Date(x[2],(x[1]-1),x[0]);  
			var date2=new Date(y[2],(y[1]-1),y[0]);
			
			if(date1>=date2){
				tiempo=date1.getTime()
				total=date2.setTime(tiempo+one_day);
				day  =date2.getDate();
				month=date2.getMonth()+1;
				year =date2.getFullYear();
				nuevo = day+"/"+month+"/"+year;
				$('#end-date').val(nuevo);
			}
			
			var month1=x[1]-1;
			var month2=y[1]-1;        			
			_Diff=Math.ceil((date2.getTime()-date1.getTime())/(one_day));
			$("#cantidad_noches").val(_Diff+' noche/s');
			
		});

		$('#end-date').change(function() {
			var desde = $('#start-date').val();
			var hasta = $('#end-date').val();
			var one_day=1000*60*60*24; 
			var x=desde.split("/"); 
			var y=hasta.split("/"); 
			var date1=new Date(x[2],(x[1]-1),x[0]);  
			var date2=new Date(y[2],(y[1]-1),y[0]);
			
			if(date1>=date2){
				tiempo=date1.getTime()
				total=date2.setTime(tiempo+one_day);
				day  =date2.getDate();
				month=date2.getMonth()+1;
				year =date2.getFullYear();
				nuevo = day+"/"+month+"/"+year;
				$('#end-date').val(nuevo);
			}
			
			
			var month1=x[1]-1;
			var month2=y[1]-1;        			
			_Diff=Math.ceil((date2.getTime()-date1.getTime())/(one_day));
			$("#cantidad_noches").val(_Diff+' noche/s');
		});

		
	});  

		$('.date-pick').datePicker({clickInput:true})
		
		$('#start-date').bind(
			'dpClosed',
			function(e, selectedDates)
			{
				var d = selectedDates[0];
				if (d) {
					d = new Date(d);
					$('#end-date').dpSetStartDate(d.addDays(1).asString());
				}
			}
		);
		$('#end-date').bind(
			'dpClosed',
			function(e, selectedDates)
			{
				var d = selectedDates[0];
				if (d) {
					d = new Date(d);
					$('#start-date').dpSetEndDate(d.addDays(-1).asString());
				}
			}
		);



	function muestra_mensaje(mensaje_id){
		var pagina = '<?php echo URL;?>/mensajeria/mensajes.php?m='+mensaje_id+'&alojamiento_id=<?php echo $alojamiento_id;?>';
		document.location.href=pagina;
	}
	
	function cambia_de_alojamiento(){
		var alojamiento_id = $("#alojamiento_id").val();
		var pagina = '<?php echo URL;?>/mensajeria/mensajes.php?alojamiento_id='+alojamiento_id;
		document.location.href=pagina;
	}
	
	
	
	function abrir(alojamiento_id){
	 var izquierda = (screen.availWidth-500)/2;
	 var direccion = "<?php echo URL;?>/mensajeria/actualizar-datos-bancarios.php?producto_id="+alojamiento_id;
     var opciones = "fullscreen=0"+
                 ",toolbar=0"+
                 ",location=0"+
                 ",status=0"+
                 ",menubar=0"+
                 ",scrollbars=0"+
                 ",resizable=0"+
                 ",width=600"+
                 ",height=250"+
                 ",left=300" +
                 ",top=300";
     var ventana = window.open(direccion,"Modificar Datos Bancarios",opciones);
	}	
	
	function abrir_tarifas(alojamiento_id){
	 var izquierda = (screen.availWidth-500)/2;
	 var direccion = "<?php echo URL;?>/mensajeria/actualizar-tarifas-privadas.php?producto_id="+alojamiento_id;
     var opciones = "fullscreen=0"+
                 ",toolbar=0"+
                 ",location=0"+
                 ",status=0"+
                 ",menubar=0"+
                 ",scrollbars=0"+
                 ",resizable=0"+
                 ",width=710"+
                 ",height=570"+
                 ",left=300" +
                 ",top=300";
     var ventana = window.open(direccion,"Modificar Datos Bancarios",opciones);
	}	
	
	function abrir_sin_disponibilidad(alojamiento_id){
	 var izquierda = (screen.availWidth-500)/2;
	 var direccion = "<?php echo URL;?>/mensajeria/actualizar-mensaje-sin-disponibilidad.php?producto_id="+alojamiento_id;
     var opciones = "fullscreen=0"+
                 ",toolbar=0"+
                 ",location=0"+
                 ",status=0"+
                 ",menubar=0"+
                 ",scrollbars=0"+
                 ",resizable=0"+
                 ",width=710"+
                 ",height=570"+
                 ",left=300" +
                 ",top=300";
     var ventana = window.open(direccion,"Modificar Mensaje de Sin Disponibilidad",opciones);
	}	
	
	function abrir_ocupacion(alojamiento_id){
	 var izquierda = (screen.availWidth-500)/2;
	 var direccion = "<?php echo URL;?>/account/mi_cuenta_ocupacion.html.php?producto_id="+alojamiento_id;
     var opciones = "fullscreen=0"+
                 ",toolbar=0"+
                 ",location=0"+
                 ",status=0"+
                 ",menubar=0"+
                 ",scrollbars=0"+
                 ",resizable=0"+
                 ",width=1020"+
                 ",height=570"+
                 ",left=300" +
                 ",top=300";
     var ventana = window.open(direccion,"Ocupacion",opciones);
	}	
	
		
</script>
	
	